<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="UTF-8">
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
 
	<div id="page-wrap">
		 
		<div id="header">
			 
			<div id="header-logo">
				<a href='#'><img src="images/logo.jpg" /></a>
			</div>
			<div id="header-user"><a class="bold" href='#'>Sign in</a> | <a href='#'>Not have an account?</a></div>
			<div id="header_login">
				<div id="closed"></div>
				
				<div class="clrboth"></div>
				
				<div id="label1">Username:</div>
				<input type="text" class="input1" maxlength="100" id="username" />
				
				<div class="clrboth"></div>
				
				<div id="label2">Password:</div>
				<input type="password" class="input2" maxlength="100" id="password" />
				
				<div class="clrboth"></div>
				
				<div id="forgot_details"><a href="#">Forgot details</a></div>
				
				<div class="clrboth"></div>
				
				<div id="submit_login"></div>
			</div>
			
			<div class="clrboth"></div>
			
			<div id="header_info">
				<span><span class="cash">&nbsp;</span>Cash: $600</span>
				<span><span class="coin">&nbsp;</span>Coin: 500</span>
				<span><span class="bonus">&nbsp;</span>Bonus: 450</span>
				<span>
					<span class="currency">&nbsp;</span>
					<li><a href="#" class="currency">Change Currency</a>
						<ul>
							<li><a href="#" class="current">IND</a></li>
							<li><a href="#">USD</a></li>
							<li><a href="#">VND</a></li>
						</ul>
					</li>
				</span>
			</div>
		</div>
		
		<div class="clrboth"></div>
		
		<div id="main_nav">
			<ul>
				<li><a href="#">Dashboard</a></li>
				<li><a href="#">Live Tournaments</a></li>
				<li><a href="#">Winners</a></li>
				<li><a href="#">FAQs</a></li>
				<li><a href="#">Help</a></li>
				<li><a href="#">How to play</a></li>                             
			</ul>	
		</div>
		
		<div class="clrboth"></div>
		
		<div id="feature">
			<img src="images/pic.jpg" />
			
			<div class="left_arrow"></div>
			<div class="right_arrow"></div>
		</div>
		<div class="clrboth"></div>
		
		<div id="center">
			<div id="left">
				<img src="images/pl1.jpg" /> 
				<div class="clrboth"></div>
				<div class="sep10px"></div> 
				<img src="images/pl2.jpg" />
			</div>
			
			<div id="center_content">
				<div class="block">
					<div class="title"><h2>Dashboard</h2></div>
					<div class="clrboth"></div>
					<div class="content">
						<div class="class_1per4">
							<span class="profile">&nbsp;</span>
							<a href="#">Profile</a>
						</div>
						<div class="class_1per4">
							<span class="addcoins">&nbsp;</span>
							<a href="#">Add Coins</a>
						</div>
						<div class="class_1per4">
							<span class="deposit">&nbsp;</span>
							<a href="#">Deposit Funds</a>
						</div>
						<div class="class_1per4 notboderright">
							<span class="redeem">&nbsp;</span>
							<a href="#">Redeem Coupon</a>
						</div>
						
						<div class="clrboth"></div>
						
						<div class="class_1per4">
							<span class="bet_history">&nbsp;</span>
							<a href="#">Bet History</a>
						</div>
						<div class="class_1per4">
							<span class="shipping">&nbsp;</span>
							<a href="#">Shipping Info</a>
						</div>
						<div class="class_1per4">
							<span class="refer">&nbsp;</span>
							<a href="#">Refer a Friend</a>
						</div>
						<div class="class_1per4 notboderright">
							<span class="transaction">&nbsp;</span>
							<a href="#" style="line-height:15px;height:40px;margin-top:5px;">Transaction History</a>
						</div>
						
						<div class="clrboth"></div>
						
						<div class="class_1per4">
							<span class="convertion_history">&nbsp;</span>
							<a href="#" style="line-height:15px;height:40px;margin-top:5px;">Convertion History</a>
						</div>
						<div class="class_1per4">
							<span class="subscriptions">&nbsp;</span>
							<a href="#">Subscriptions</a>
						</div>
						<div class="class_1per4"></div>
						<div class="class_1per4 notboderright"></div>
						
						<div class="clrboth"></div>
						
						<div class="class_1per2 notboderbottom">
							<span class="live_tournaments">&nbsp;</span>
							<a href="#">My Live Tournaments</a>
						</div>
						<div class="class_1per2 notboderbottom notboderright">
							<span class="closed_tournaments">&nbsp;</span>
							<a href="#">My Closed Tournaments</a>
						</div>
						<div class="clrboth"></div>
					</div>
				</div>	
				
				<div class="clrboth"></div>
				<div class="block margintop15">
					<div class="title"><h3 class="bold">Live Tournament</h3></div>
					<div class="clrboth"></div>
					<div class="content">
						<div class="rowitem">
							<span class="bold">2011/11/29</span> | <span class="yellow"><a href="#">Micromax Triangular Series 2011</a></span>
							<div class="clrboth"></div>
							Description...
						</div>	
						<div class="clrboth"></div>
						<div class="rowitem">
							<span class="bold">2011/11/29</span> | <span class="yellow"><a href="#">Micromax Triangular Series 2011</a></span>
							<div class="clrboth"></div>
							Description...
						</div>	
						<div class="clrboth"></div>
						<div class="rowitem">
							<span class="bold">2011/11/29</span> | <span class="yellow"><a href="#">Micromax Triangular Series 2011</a></span>
							<div class="clrboth"></div>
							Description...
						</div>	
						<div class="clrboth"></div>
					</div>
				</div>	
				<div class="clrboth"></div>
				
				<div class="clrboth"></div>
				<div class="block margintop15">
					<div class="title"><h3 class="bold">Upcoming Tournament</h3></div>
					<div class="clrboth"></div>
					<div class="content">
						<div class="rowitem">
							Time left <span class="yellow">20d:18h:07m:42s</span> | <span class="bold">Micromax Triangular Series 2011</span>
							<div class="clrboth"></div>
							Description...
						</div>	
						<div class="clrboth"></div>
						<div class="rowitem">
							Time left <span class="yellow">20d:18h:07m:42s</span> | <span class="bold">Micromax Triangular Series 2011</span>
							<div class="clrboth"></div>
							Description...
						</div>	
						<div class="clrboth"></div>
						<div class="rowitem">
							Time left <span class="yellow">20d:18h:07m:42s</span> | <span class="bold">Micromax Triangular Series 2011</span>
							<div class="clrboth"></div>
							Description...
						</div>		
						<div class="clrboth"></div>
					</div>
				</div>	
				<div class="clrboth"></div>
				
				<div class="blockitem margintop15">
					<h1 class="bold">Micromax Triangular Series 2011</h1>
					Description: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
				</div>	
				<div class="clrboth"></div>
				
				<div class="blockitem margintop15">
					<h1 class="bold" style="font-size:14px;height:30px;">Tournament Ends In:<span class="brown"> 10D:9H:36M:40S</span></h1>
				</div>
				<div class="clrboth"></div>
				
				<div class="block margintop15">
					<div class="title"><h3 class="bold">Live Matches</h3></div>
					<div class="clrboth"></div>
					<div class="content">
						<div class="rowitem2">
							<div class="grid1"><span class="live"></span></div>
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 1</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid1" style="text-align:center;"><span class="brown big">VS</span></div>
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 2</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid4"><span class="predict"></span></div>
							<div class="clrboth"></div>
						</div>
						<div class="clrboth"></div>
						
						<div class="rowitem2">
							<div class="grid1"><span class="live"></span></div>
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 1</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid1" style="text-align:center;"><span class="brown big">VS</span></div>
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 2</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid4"><span class="predict"></span></div>
							<div class="clrboth"></div>
						</div>
						<div class="clrboth"></div>
					</div>
				</div>	
				<div class="clrboth"></div>
				
				
				<div class="block margintop15">
					<div class="title"><h3 class="bold">Top Rank</h3></div>
					<div class="clrboth"></div>
					<div class="content">
						<div class="rowitem2">
							<div class="grid1"><span class="center">1</span></div>
							<div class="grid1">
								<span class="avatar">
								</span>
							</div>
							<div class="grid2"><span class="bold center2">Vicky</span></div>
							<div class="grid2">
								<span class="normal center2">
									New york
								</span>
							</div>
							<div class="grid2"><span class="bold center2">5000</span></div>
							<div class="grid1"><img src="images/r1.png" class="center" /></div>
							<div class="clrboth"></div>
						</div>
						<div class="clrboth"></div>
						
						<div class="rowitem2">
							<div class="grid1"><span class="center">2</span></div>
							<div class="grid1">
								<span class="avatar">
								</span>
							</div>
							<div class="grid2"><span class="bold center2">Vicky</span></div>
							<div class="grid2">
								<span class="normal center2">
									New york
								</span>
							</div>
							<div class="grid2"><span class="bold center2">5000</span></div>
							<div class="grid1"><img src="images/r2.png" class="center" /></div>
							<div class="clrboth"></div>
						</div>
						<div class="clrboth"></div>
					</div>
				</div>	
				<div class="clrboth"></div>
				
				
				
				<div class="block margintop15">
					<div class="title"><h3 class="bold">UpComing Matches</h3></div>
					<div class="clrboth"></div>
					<div class="content">
						<div class="rowitem2">
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 1</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid1" style="text-align:center;"><span class="brown big">VS</span></div>
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 2</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid1">&nbsp;</div>
							<div class="grid4">
								<span class="normal big">START IN: </span><span class="yellow big">2D:3H:45M:23S</span> 
							</div>
							<div class="clrboth"></div>
						</div>
						<div class="clrboth"></div>
						
						<div class="rowitem2">
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 1</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid1" style="text-align:center;"><span class="brown big">VS</span></div>
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 2</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid1">&nbsp;</div>
							<div class="grid4">
								<span class="normal big">START IN: </span><span class="yellow big">2D:3H:45M:23S</span> 
							</div>
							<div class="clrboth"></div>
						</div>
						<div class="clrboth"></div>
					</div>
				</div>	
				<div class="clrboth"></div>
				
				<div class="block margintop15">
					<div class="title"><h3 class="bold">Closed Matches</h3></div>
					<div class="clrboth"></div>
					<div class="content">
						<div class="rowitem2">
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 1</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid1" style="text-align:center;"><span class="brown big">VS</span></div>
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 2</span>
									<div class="clrboth"></div>
								</div>
							</div>
							
							<div class="clrboth"></div>
						</div>
						<div class="clrboth"></div>
						
						<div class="rowitem2">
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 1</span>
									<div class="clrboth"></div>
								</div>
							</div>
							<div class="grid1" style="text-align:center;"><span class="brown big">VS</span></div>
							<div class="grid2">
								<div class="team">
									<img src="images/1.jpg" />
									<div class="clrboth"></div>
									<span class="bold">Team 2</span>
									<div class="clrboth"></div>
								</div>
							</div>
							
							<div class="clrboth"></div>
						</div>
						<div class="clrboth"></div>
					</div>
				</div>	
				<div class="clrboth"></div>
				
				
				
			</div>
			
			<div id="right">
				<div class="block">
					<div id="avatar">
						<img src="images/avatar.jpg" />
						<div class="clrboth"></div>
						<span class="bold">Vicky</span>
					</div>
					<div class="avatar">
						<span class="normal" style="float:left;margin-top:10px;margin-left:5px;">Points scored: 3.536</span>
					</div>
					<div class="avatar" style="border-bottom:0 none;">
						<span class="normal" style="float:left;margin-top:10px;margin-left:5px;">Rank: 201</span>
					</div>
				</div>
				<div class="clrboth"></div>
				
				<div class="title" style="margin-bottom:10px;">
					<a href="#" style="color:#fff;"><span id="addcoins"></span><h3 class="left" style="margin-left:10px;">Add Coins</h3></a>
				</div>
				
				<div class="clrboth"></div>
				
				<div class="title"><h3>Bet Slip</h3></div>
				<div class="block">
					<div class="item">Odds</div>
					<div class="clrboth"></div>
					<div class="item" id="bet">To select a bet click on any price </div>
					<div class="clrboth"></div>
					<div class="item" id="submit_bet">
						<a href="#">Remove All</a>
						<div id="bet_submit"></div>
					</div>
				</div>
				
				<div class="clrboth"></div>
				
				<div class="title"><h3>Convertion</h3></div>
				<div class="block">
					<div class="item">
						<input name="point" id="point" value="point" class="point2coint"/> &nbsp; To &nbsp;
						<input name="coint" id="coint" value="coint" class="point2coint" />
						<div class="clrboth"></div>
						Rate: 100:25
						<div class="clrboth"></div>
						<div id="_submit"></div>
					</div>
					
				</div>
				
				<div class="clrboth"></div>
				
				
				<img src="images/pr1.jpg" /> 
				<div class="clrboth"></div>
				<div class="sep10px"></div> 
				
				<img src="images/pr2.jpg" > 
				<div class="clrboth"></div>
				<div class="sep10px"></div> 
				<img src="images/pr3.jpg" />
			</div>
		</div>	
		<div class="clrboth"></div>
		
		<div id="footer">
 			<div id="left">
				Clicxa &copy; 2011
				<a href="#">Privacy Policy</a>
			</div>
			
			<div id="right">
				<ul>
					<li><a href="#">Home</a></li>
					<li><a href="#">About us</a></li>
					<li><a href="#">Advertise</a></li>
					<li><a href="#">Help</a></li>
					<li><a href="#">Contact Us</a></li>					
				</ul>	
			</div>
		</div>
		<div class="clrboth"></div>
		
	</div>

</body>
</html>
